﻿@charset "utf-8";
.header , .content , .footer { width:1200px; margin:0 auto; font-family: "Microsoft Yahei"; }
.f_fm{ font-family: "Microsoft Yahei"; }
.f_ft{ font-family: "Times New Roman", Times, serif; }
.f_far{ font-family: Arial, Helvetica, sans-serif; }
.f_fim{ font-family: Impact; }


.banner{position: relative; height:598px;overflow: hidden;}
.banner,.banner li{ height:598px;overflow: hidden;}
.banner li a{ display:block; height:598px; background:url(../images/banner.jpg) no-repeat center 0;}
.bantil{display: block; width:116px;position: absolute;top:550px;left: 50%;margin-left: -58px;}
.bantil li{width:15px;height:15px;background: #323232; border-radius:16px;float: left;margin: 0 0 0 12px;}
.bantil li.cur{background: #c71511;}


/*chnapin*/
.pro{ background:url(../images/probg.jpg) no-repeat #f5f5f5; min-height:1150px;}
/*.pro:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}*/
.pro h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;padding-top: 20px;}
.pro h2 a{display: block;;}
.pro h2 b{background: url(../images/tit_bg.png) no-repeat;width: 47px;height: 48px;display: block;text-align: center;padding-top: 6px;margin: 0 auto;margin-bottom: 8px;}
.pro h2 b img{width: auto;height: auto;margin: 0 auto;}
.pro h2 span{color: #085100;font-weight: bold;}
.pro h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.pro h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}

.pro .tit{margin-top: 52px; margin-bottom:50px;}
.pro .tit li{float: left;width: 142px;margin-right: 34px;}
.pro .tit li:last-child{margin-right: 0;}
.pro .tit li span{display: block;text-align: center;height:35px;width: 142px;font-size: 18px;color: #fff;background: url(../images/pz_titbg.png);line-height: 34px;margin-top:6px; margin-bottom:30px;}
.pro .tit li.cur em,.pro .tit li:hover em{border: 2px solid #D82633}
.pro .tit li.cur span,.pro .tit li:hover span{background: url(../images/pz_titbgh.png);}

.pro .con{margin-top: 68px;height: 450px;overflow: hidden;position: relative;}
.pro .con dt{width: 600px;height: 450px;float: left;border:1px solid #eee;box-sizing:border-box;}
.pro .con dt img{width: 600px;height: 450px;}
.pro .con dd{float: left;width: 560px;height: 219px;background: #fff;margin-left: -37px;margin-top: 32px;padding-left: 50px;padding-right: 27px;padding-top: 33px;}
.pro .con dd span{font-size: 12px;color: #D6D6D6;display: block;}
.pro .con dd b{font-size: 20px;font-weight: normal;display: block;width: 31px;white-space: nowrap;border-bottom: 2px solid #CA1624;padding-bottom: 3px;margin-bottom: 28px;}
.pro .con dd p{width: 560px;line-height: 30px;color: #7D7D7D;font-size: 16px;height: 85px;overflow: hidden;}
.pro .con dd a.more{font-size: 14px;color: #7D7D7D;text-decoration: underline;}
.pro .con dd a.more img{display: inline-block;vertical-align: middle;-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.3;margin-left: 6px;}
.pro .con dd a.more:hover{color: #CA1624;}
.pro .con dd a.more:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;}
.pro .con em.picc{position: absolute;width: 383px;height: 166px;display: block;right: 0;bottom: 0;overflow:hidden;}
.pro .con .qh{width: 189px;height: 75px;background: #fff;position: absolute;right: 195px;bottom: 0;}
.pro .con .qh i{width: 50%;text-align: center;display: block;float: left;padding-top: 30px;height: 45px;cursor:pointer;}
.pro .con .qh i.prev:after{content: "";display: block;float: right;width: 1px;height: 27px;background: #F0F0F0;margin-top: -5px;}
.pro .con2{margin-top: 40px;}
.pro .con2 dl{float: left;width: 283px;margin-right: 21px;margin-bottom:24px;}
.pro .con2 dl:nth-child(4n){margin-right: 0;}
.pro .con2 dt{width: 283px;height: 189px;line-height: 0;}
.pro .con2 dt img{width: 283px;height: 189px;border:1px solid #eee;box-sizing:border-box;}
.pro .con2 dd{height: 74px;background: #fff;padding-left: 17px;padding-top: 20px;position: relative;}
.pro .con2 dd b{display: block;font-size: 18px;color: #2C2C2C;font-weight: normal;margin-bottom: 12px;}
.pro .con2 dd span{display: block;font-size: 16px;color: #8B8B8B;}
.pro .con2 dd a.more{position: absolute;width: 52px;height: 55px;display: block;right: 12px;bottom: 18px;background: url(../images/pz_more2.png) no-repeat center;transition: all .2s linear;}
.pro .con2 dl:hover{box-shadow:0 3px 27px 2px rgba(0,0,0,0.05), 0 0px 27px rgba(0,0,0,0.05);}
.pro .con2 dl:hover dd b a{color: #ca1624;}
.pro .con2 dl:hover dd a.more{background: url(../images/pz_more2h.png);bottom: 65px;}


/*shili*/
.sl{background:#f5f5f5 url(../images/sl_bg.png) no-repeat center top;height: 370px;}
/*
.sl:before{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #f5f5f5;border-right: 960px solid transparent;border-left: 960px solid transparent;position: absolute;left: 50%;top: 0;margin-left: -960px;}
.sl:after{content: "";width: 0;height: 0;position: absolute;border-bottom: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;position: absolute;left: 50%;bottom: 0;margin-left: -960px;}
*/
.sl b.tb{background: url(../images/tit_bg.png) no-repeat; width: 57px; height: 48px; display: block; text-align: center; padding-top: 18px; margin: 0 auto; margin-bottom: 10px;}
.sl b.tb img{width: auto; height: auto; margin: 0 auto;}
.sl h2{font-size: 60px;color: #fff;font-weight: normal; margin-top:30px;}
.sl h2 a{color:#fff;}
.sl h2 span{color: #ffde01;font-weight: bold;}
.sl h2 em{font-size: 30px;display:block;text-align:left;float: right;padding-top: 30px; padding-right:35px;}
.sl h2 em span{font-weight: normal;}
.sl .con{margin-top: 32px;}
.sl .con ul{width: 600px;float: left; margin-top:15px;}
.sl .con li:first-child{border-left: 1px solid rgba(255,255,255,0.15);}
.sl .con li{float: left;height: 84px;border-right: 1px solid rgba(255,255,255,0.15);width: 140px;text-align: center;}
.sl .con li em{height: 50px;display: block;}
.sl .con li span{display: block;font-size: 24px;color: #fff;margin-top: 4px;}
.sl .con p{float: right;width: 520px;margin-top: 23px;}
.sl .con p span{display: block;color: #fff;opacity: 0.41;font-size: 16px; margin:8px 0px;}
.sl .con p i{color: #fff;font-size: 36px;font-family: GothamBook;background: url(../images/sl_tel.png) no-repeat left center;padding-left: 38px;}


/*youshi*/
.chara{font-family: "Microsoft Yahei";line-height:28px;height:620px;padding:66px 0 0;color: #fff;overflow: hidden;clear: both;background:#f5f5f5;text-align: center;}
.chara .til01,.chara .til01 p{color: #fff;}
.chara_c dl{width: 291px;height: 557px;background: #fff;float: left;margin: 0 12px 0 0;position: relative;overflow: hidden;}
.chara_c dl:last-child{margin: 0;}
.chara_c dt,.chara_c dt img{width: 291px;height: 434px;display: block;overflow: hidden;}
.chara_c dd h3{height:96px;font-size: 24px;line-height:34px;position: relative;}
.chara_c dd h3 em{font-size: 14px;text-transform: uppercase;line-height: 18px;display: block;font-weight: normal;}
.chara_c dd.chara_c1{position: relative;padding:50px 0 0;color: #666;}
.chara_c dd.chara_c1 b{position: absolute;width: 69px;height: 69px;border-radius: 69px;top:-27px;left: 50%;margin-left: -37px;background: #03b253;}
.chara_c dd.chara_c1 h3{color: #333;}
.chara_c dd.chara_c2 h3{font-weight: normal;font-size: 30px;line-height: 33px;}
.chara_c dd.chara_c2,.chara_c dl.cur dd.chara_c1{display: none;}
.chara_c dd.chara_c2{position: absolute;width: 291px;height: 557px;background:rgba(83 , 178 , 83 , 0.95);left: 0;top: 0;color: #fff;}
.chara_c dd.chara_c2 b{display: block;padding:110px 0 0;height:69px;}
.chara_c dd.chara_c2 h3:before{content: "";position: absolute;width:28px;height:1px;background: #fff;left:130px;top:70px;}
.chara_c dd.chara_c2 p{padding: 0 23px;}
.chara_c dl.cur{background: #000;}
.chara_c dl.cur dd.chara_c2{display: block;}


/*anli*/
.case{background: #fff;height: 950px;position: relative;overflow: hidden;}
.case:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #fff;border-right: 960px solid transparent;border-left: 960px solid transparent;left: 50%;top: 0;margin-left: -960px;}
.case h2{text-align: center;font-size: 40px;color: #1d1d1d;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px;}
.case h2 a{display: block;;}
.case h2 b{background: url(../images/sl_tbg.png) no-repeat;width: 57px;height: 54px;display: block;text-align: center;padding-top: 12px;margin: 0 auto;margin-bottom: 8px;}
.case h2 b img{width: auto;height: auto;margin: 0 auto;}
.case h2 span{color: #085100;font-weight: bold;}
.case h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.case .tit{border-top: 1px solid #D8D8D8;padding-top: 15px;margin-top: 45px;}
.case .tit li,.case .tit em{text-align: center;float: left;margin-right: 113px;display: inline;}
.case .tit em{margin-right: 0;}
.case .tit li a,.case .tit em a{display:block;}
.case .tit li img,.case .tit em img{width: 41px;height: 41px;display: inline-block;}
.case .tit li span,.case .tit em span{display: block;font-size: 18px;color: #373737;line-height: 32px;font-weight: bold;margin-top: 7px;}
.case .con{position: relative;height:628px;margin-top: 34px;overflow: hidden;}
.case .con .list{width: 864px;position: absolute;left: 50%;margin-left: -432px;}
.case .con .list .tempWrap{margin-left: -864px;}
.case .con .qh{position: relative; top: 225px; z-index: 1; left: 50%; margin-left: -600px;width: 1200px;}
.case .con .qh:after{content: "";background:rgba(0,0,0,0.52);width:528px;height: 486px;display: block;right: -360px;top:-225px;position: absolute;z-index: 1}
.case .con .qh:before{content: "";background:rgba(0,0,0,0.52);width:528px;height: 486px;display: block;left: -360px;top:-225px;position: absolute;z-index: 1}
.case .con .qh i.prev{float: left;margin-left: 108px;cursor: pointer;position: absolute;z-index: 2;}
.case .con .qh i.next{float: right;margin-right: 108px;cursor: pointer;position: absolute;right: 0;z-index: 2;}
.case .con dl{width: 864px;height:628px;position: relative;}
.case .con dt{line-height: 0;overflow: hidden;}
.case .con dt img{width: 864px;height: 486px;}
.case .con dd{height: 69px;background: #D5D5D5;position: relative;}
.case .con dd b{display: block;line-height: 69px;text-align: center;font-size: 18px;color: #191919;font-weight: normal;}
.case .con dd p,.case .con dd a.more{display: none;}
.case .con dl.cur dd{background: #096300;height:142px;padding: 0 32px;}
.case .con dl.cur dd b{color: #fff;font-size: 20px;font-weight: bold;padding-top: 26px;padding-bottom: 22px;display: block;line-height:110%;text-align:left;}
.case .con dl.cur dd b a{color: #fff;}
.case .con dl.cur dd p{line-height: 24px;color: #fff;opacity: 0.4;font-size: 16px;display: block;}
.case .con dl.cur dd a.more{display: block;background: url(../images/case_more.png) no-repeat right center;height: 19px;color: #fff;font-size: 14px;color: #fff;width: 86px;right: 32px;top: 32px;position: absolute;line-height: 110%;}
.case .con dl.left dd b{margin-right: 155px;text-align: right;}
.case .con dl.right dd b{margin-left: 155px;text-align: left;}




/*news*/
.news {
  width: 100%;
  height: 1081px;
  background: url(../images/bg_news.jpg) center top no-repeat;
  margin-top: -77px;
  position: relative;
  z-index: 2;
}
.news .box {
  width: 733px;
  height: auto;
  margin-top: 300px;
}
.news .box li {
  height: 140px;
  width: 100%; border-bottom:1px dashed #f8faf7;
  margin-bottom: 20px;
}
.news .box li .left {
  width: 595px;
}
.news .box li .left .txt1 {
  font-size: 18px;
  padding: 10px 0;
}
.news .box li .left .txt1 a {
  color: #F8FAF7;
}
.news .box li .left .txt2 {
  font-size: 16px;
  color: #DDE4D6;
  line-height: 28px;
}
.news .box li .right {
  font-size: 24px;
  text-align: center;
  width: 112px;
  height: 114px;
  background: url(../images/bg_date.png) no-repeat 0 0;
}
.news .box li .right .txt3 {
  padding-top: 31px;
}
.news .box li .right .txt4 {
  margin-top: 5px;
  color: white;
}
.news .box .more {
  display: block;
  width: 268px;
  height: 50px;
  background: url("../images/c3.png") no-repeat center;
  float: right;
  margin-top: 80px;
}
/*jianjie*/
.yz{height:520px;padding-top:50px;}
.yz h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;}
.yz h2 a{display: block;}
.yz h2 span{color: #085100;font-weight: bold;}
.yz h2 em{display: block;margin-top: 14px;}
.yz p.ms{font-size: 16px;color: #6e6e6e;text-align: center;line-height:33px;margin-top: 38px;}
.yz li{float: left;margin-right: 9px;width: 218px;height: 243px;margin-top: 28px;position: relative;}
.yz li:before{display: block;content: "";width: 0;height: 0;border-top: 62px solid #fff;border-right: 109px solid transparent;position: absolute;left: 0;top: 0;}
.yz li:after{display: block;content: "";width: 0;height: 0;border-top: 62px solid #fff;border-left: 109px solid transparent;position: absolute;right: 0;top: 0;}
.yz li:first-child{margin-left: 40px;}
.yz li:last-child{margin-right: 0;}
.yz li em{display: block;width: 218px;height: 243px;position: relative;overflow:hidden;}
.yz li em:before{display: block;content: "";width: 0;height: 0;border-bottom: 62px solid #fff;border-right: 109px solid transparent;position: absolute;left: 0;bottom: 0;}
.yz li em:after{display: block;content: "";width: 0;height: 0;border-bottom: 62px solid #fff;border-left: 109px solid transparent;position: absolute;right: 0;bottom: 0;}
.yz li img{width: 218px;height: 243px;}


/*message*/
.message {
  width: 100%;
  height:550px;
  background: url(../images/bg_message.jpg) center top no-repeat;
  margin:0 auto
}
.message .box {
  width:450px;
  float: left;
  margin-top:140px;
  height: auto;
  margin-left:670px;
  line-height:40px;
  font-size:16px;
}
.message .box p{ font-size:16px; line-height:28px; color:#f6faf3}

.message .box .txt1 {
  font-size: 16px;
  color: #F6FAF3;
  margin-bottom: 22px;
}


